<script setup>
import headerNav from '../../components/headerNav.vue';
import leftNav from '../../components/leftNav.vue';

</script>
<template>
    <el-container class="layout-container-demo">
      <el-header style=" font-size: 12px">
        <headerNav></headerNav>
      </el-header>
      <el-container style="height: 100%;">
        <!-- 侧边栏 -->
        <el-aside width="200px">
          <leftNav style="position: relative; height: 100%;"></leftNav>
        </el-aside>

        <!-- 主要内容 -->
        <el-main style="min-height: 100vh;">
          <!-- <coursetask></coursetask> -->
          <!-- <personal></personal> -->
          <!-- <campusInner></campusInner> -->
          <RouterView></RouterView>
        </el-main>
      </el-container>
    </el-container>
</template>
<style scoped>
.layout-container-demo .el-header {
  position: relative;
  background-color: #545c64;
  color: var(--el-text-color-primary);
}

.layout-container-demo .el-aside {
  color: var(--el-text-color-primary);
  background: #545c64;
}

.layout-container-demo .el-menu {
  border-right: none;
}
</style>
